<template>
  <div class="first">
    <el-card class="box-card card-top">
      <span v-if="info.type != ''" class="tt">{{info.type}} /</span>
      <strong>{{info.text}}</strong>
      <span>-{{info.content}}</span>
    </el-card>
  </div>
</template>

<script>
export default {
  props: { info: Object },
  name: 'DeviceHeader'
}
</script>

<style scoed lang="less">
.first .card-top {
  span {
    font-weight: bold;
    font-size: 13px;
    color: rgb(110, 110, 110);
  }
  margin-bottom: 10px;
  .tt{
      color: rgb(192, 191, 189);
      margin-right: 5px;
  }
}
</style>
